<template>
	<view style="padding-bottom: 150upx;">
		<!-- 顶部导航选项卡 -->
		<view class="top-nav flex">
				<view @tap="doSelectNav(0)" class="zcFlex1 f-center" :class="topNavIndex==0?'topNavSelect':''">车辆信息</view>
				<view @tap="doSelectNav(1)" class="zcFlex1 f-center" :class="topNavIndex==1?'topNavSelect':''">车辆照片</view>
		</view>
		<view v-show="topNavIndex==0">
				<view class="form-wrap " >
					<view class="list-info "><view >车牌号：</view> <view class="info-discrib "><input :disabled="inputDisabled" type="text"   v-model="vCarInfo.VehiclePlateNo"/></view> </view>
					<view class="list-info "><view >车架号：</view> <view class="info-discrib "><input maxlength="17" :disabled="inputDisabled" type="text" v-model="vCarInfo.VehicleVIN" /></view> </view>
					<view class="list-info "><view >发动机号：</view> <view class="info-discrib "><input maxlength="17" :disabled="inputDisabled" type="text" v-model="vCarInfo.VehicleEngineNo"/></view> </view>
					<view class="list-info flex" @tap="do_chooseCar" style="height: auto;min-height: 90upx;">
						<view class="flex1 flex" id="car-maker">
							<view class="">厂牌:</view>
							<view class="flex1 f-center">{{vCarInfo.VehicleBrand||''}}</view>
						</view>
						<view class="flex1 flex f-side">
							<view style="flex :0 0 96upx">车型：</view> 
							<view class="info-discrib1 " style="line-height: 35upx;padding: 8upx 0;">
								{{vCarInfo.VehicleType||''}}
								<!-- <input disabled="true" type="text"  v-model="vCarInfo.VehicleType"/> -->
							</view> 
						</view>
					</view>
					
					<view class="list-info "><view >行驶里程：</view> <view class="info-discrib flex"><input :disabled="inputDisabled" type="number" v-model="vCarInfo.VehicleKilometer" /><view style="margin-left: 15upx;" class="f-center">KM</view></view> </view>
					<view class="list-info ">
						<view >初登日期：</view> 
						<view class="info-discrib ">
								<!-- <input :disabled="inputDisabled" type="text" value="1333312345" /> -->
								<picker class="input" mode="date"  @change="getPiker($event,'startDate')" :value="vCarInfo.VehicleRegistryDate">
									<view class="picker-text flex zcJustifyC_end">{{vCarInfo.VehicleRegistryDate||''}} <view class="iconfont icon-down-trangle f-center"></view></view>
								</picker>
						</view> 
					</view>
					<view class="list-info " style="border-bottom: none;">
						<view >保险日期：</view> 
						<view class="info-discrib ">
								<!-- <input :disabled="inputDisabled" type="text" value="1333312345" /> -->
								<picker class="input" mode="date"  @change="getPiker($event,'PlanInsurDate')" :value="vCarInfo.PlanInsurDate">
									<view class="picker-text flex zcJustifyC_end">{{vCarInfo.PlanInsurDate||''}} <view class="iconfont icon-down-trangle f-center"></view></view>
								</picker>
						</view> 
					</view>
					<!-- 车主下面不要了 -->
			<view v-if="false">
					<view class="list-info "><view >车主：</view> <view class="info-discrib color-grey"><input disabled type="text" v-model="vCarInfo.VehicleOwnerName" /></view> </view>
					<view class="list-info "><view >车主电话：</view> <view class="info-discrib color-grey"><input disabled type="number" v-model="vCarInfo.VehicleOwnerTelephone" /></view> </view>
					<view class="list-info "><view >车主证件类型：</view> 
						<view class="info-discrib ">
								<!-- <input :disabled="inputDisabled" type="text" value="1333312345" /> -->
								<!-- <picker class="input"  :range="cardArray" @change="getPiker($event,'IdCard1')" :value="vCarInfo.VehicleOwnerName"> -->
								<picker class="input"  :range="cardArray" @change="getPiker($event,'IdCard1')" :value="cardIndex1">
									<view class="picker-text flex zcJustifyC_end">{{cardArray[cardIndex1]}} <view class="iconfont icon-down-trangle f-center"></view></view>
								</picker>
						</view> 
					</view>
					<view class="list-info "><view >证件号：</view> <view class="info-discrib "><input :disabled="inputDisabled" type="text" v-model="vCarInfo.VehicleOwnerCardNo" /></view> </view>
					<view class="list-info "><view >车主所属地区：</view> <view class="info-discrib "><input :disabled="inputDisabled" type="text" v-model="vCarInfo.VehicleOwnerCity" /></view> </view>
					<view class="list-info "><view >车主详细地址：</view> <view class="info-discrib "><input :disabled="inputDisabled" type="text" v-model="vCarInfo.VehicleOwnerAddress" /></view> </view>
					<!-- <view class=" f-center show-more" v-if="!showMore" @tap="do_showMore('0')"> 更多 <view class="iconfont icon-down-trangle"></view> </view> -->
					<view class="showMore" :class="showMore?'showMore2':'showMore'">
						<view class="list-info "><view >厂家名称：</view> <view class="info-discrib "><input :disabled="inputDisabled" type="text" v-model="vCarInfo.VehicleMaker" /></view> </view>
						<view class="list-info "><view >车系：</view> <view class="info-discrib "><input :disabled="inputDisabled" type="text" v-model="vCarInfo.VehicleTypeCode" /></view> </view>
						<!-- <view class="list-info "><view >车主：</view> <view class="info-discrib "><input :disabled="inputDisabled" type="text" v-model="vCarInfo.VehicleOwnerName" /></view> </view> -->
						<view class="list-info "><view >排量：</view> <view class="info-discrib "><input :disabled="inputDisabled" type="text" v-model="vCarInfo.VehicleDisplacement" /></view> </view>
						<view class="list-info "><view >排放标准：</view> <view class="info-discrib "><input :disabled="inputDisabled" type="text" v-model="vCarInfo.VehicleEmission" /></view> </view>
						<view class="list-info "><view >进气型式：</view> <view class="info-discrib "><input :disabled="inputDisabled" type="text" v-model="vCarInfo.IntakeForm" /></view> </view>
						<view class="list-info "><view >厂家类型：</view> <view class="info-discrib "><input :disabled="inputDisabled" type="text" v-model="vCarInfo.VehicleMakeCountry" /></view> </view>
						<view class="list-info "><view >座位数：</view> <view class="info-discrib "><input :disabled="inputDisabled" type="text" v-model="vCarInfo.VehicleSeatCount" /></view> </view>
						<view class="list-info "><view >使用性质：</view> <view class="info-discrib "><input :disabled="inputDisabled" type="text" v-model="vCarInfo.VehicleBizType" /></view> </view>
						<!-- <view class=" f-center show-more"  @tap="do_showMore('1')"> 收起 <view class="iconfont icon-up2"></view> </view> -->
					</view>
					<view class="height-fixed f-center show-more"   @tap="do_showMore"> {{showMore?'收起':'车辆详细信息'}} <view class="iconfont icon-down-trangle" :class="showMore?'icon-up2':'icon-down-trangle'"></view> </view>
				</view>			
		</view>				
				<view class="title f-side" style="border-bottom: 1upx solid #e5e5e5;">
					<view>客户信息</view>						 
					<view class="title1 flex">
						
							<picker  class="itemCenter1 flex" v-if="vCarInfo.isCanRL&&setSalesManList.length>0"  style=""   @change="getPiker($event,'salesMan')" :value="salesManIndex" :range="setSalesManList">
								<view class="flex" style="margin-right: 0upx;">
								   <view class='iconfont icon-changeMan'></view><view></view>	
								</view>
							</picker>

								<!-- <view class="flex" v-if="!vCarInfo.VehicleInfoBusinessSN&&!vCarInfo.isCanRL"> <view class="renling">认领</view> <view class="check-box iconfont icon-gouxuan11 icon-gouxuan11Grey" ></view> </view> -->
								<view class="flex" style="position: relative;top:4upx;min-width: 250upx;" >专属顾问： <view style="min-width: 100upx;">{{vCarInfo.SalesManName||''}}</view></view>
								<view class="flex" style="flex: 0 0 142upx" v-if="vCarInfo.isCanRL" @tap="do_renL(vCarInfo)"> <view class="renling">认领</view> <view class="check-box iconfont " :class="vCarInfo.isRL?'icon-gouxuan11':''" ></view> </view> 
								
					</view>
				</view>

				<view class="zcRelative height0"  :class="(!vCarInfo.isCanRL||vCarInfo.isRL)?'height-auto':''">
				  <view class="form-wrap form-wrap-bottom">

					<view class="list-bottom flex">
						<view class="flex  zcAlignI_center "><view>联系人：</view><input type="text" v-model="vCarInfo.VehicleContact"></view>
						<view class="flex zcFlex1 zcAlignI_center">
							<view class="" style="flex:0 0 100upx">性别：</view>
						  <!-- <input type="text" v-model="vCarInfo.ContactSex"> -->
							<picker style="width: 85%;text-align: center;" class="input"  :range="sexArray" @change="getPiker($event,'sex')" :value="sexIndex">
								<view class="picker-text flex f-center zcFlex1" >{{sexArray[sexIndex]}} <view class="iconfont icon-down-trangle2 f-center"></view></view>
							</picker>
					  </view>
					</view>
					<view class="list-info "><view >联系电话：</view> <view class="info-discrib info-bottom-discrib zcFlex1"><input maxlength="11" :disabled="inputDisabled" type="number" v-model="vCarInfo.VehicleContactMobile" /></view> </view>
					<view class="list-info " style="border-bottom: none;"><view >其他联系方式：</view> 
						<view class="info-discrib info-bottom-discrib zcFlex1">
							<input :disabled="inputDisabled" type="number" maxlength="11" v-model="vCarInfo.VehicleContactTelephone" />
						</view> 
					</view>
	<view v-if="false">
		<view class="list-info "><view >证件类型：</view> 
			<view class="info-discrib info-bottom-discrib zcFlex1">
				<!-- <input :disabled="inputDisabled" type="text" value="成都" /> -->
				<picker class="input"  :range="cardArray" @change="getPiker($event,'IdCard2')" :value="cardIndex2">
					<view class="picker-text flex ">{{cardArray[cardIndex2]}} <view class="iconfont icon-down-trangle f-center bottom-icon-down-trangle"></view></view>
				</picker>
			</view>
		</view>
		<view class="list-info "><view >证件号：</view> <view class="info-discrib info-bottom-discrib zcFlex1"><input :disabled="inputDisabled" type="text" v-model="vCarInfo.CustomerCardNo" /></view> </view>
		<view class="list-info "><view >客户地址：</view> <view class="info-discrib info-bottom-discrib zcFlex1"><input :disabled="inputDisabled" type="text" v-model="vCarInfo.CustomerAddress" /></view> </view>
		<view class="list-info " style="border: none;"><view >服务顾问：</view> <view class="info-discrib info-bottom-discrib zcFlex1"><input :disabled="inputDisabled" type="text" v-model="vCarInfo.SalesManName" /></view> </view>
	</view>

				</view>
				</view>
				<view class="btn f-center">
					<!-- <button type="primary"  @tap="do_submit" :disabled="save_car_disabled">保存车辆信息</button> -->
					<zc-button Name="Uni_Partner_Detail" Action="doSaveP_VehicleInfo"  Text="保存车辆信息" @doMakeData="doSubmitP_VehicleInfo" @doBackData="cbSubmitP_VehicleInfo"></zc-button>
				</view>			
		</view>
		<view v-show="topNavIndex==1">
			<approachDetail :isArchives="isArchives" :carSN="carSN"></approachDetail>
		</view>
		<zc-custom-picker
		:isShowBox="carType.isShowBox"
		:boxId="carType.boxId"
		:cpitem1="carType.cpitem1" 
		:cpitem2="carType.cpitem2" 
		:cpitem3="carType.cpitem3" 
		:cpitem4="carType.cpitem4" 
		@zcItemClick="zcItemClick"
		@zcClickValue="zcClickValue"
		@zcSearchInput="zcSearchInput"></zc-custom-picker>
	</view>
</template>

<script>
	let _this;
	import tabBar from "../../components/tab-bar/tab-bar.vue"
	import approachDetail from '../../components/home-metting/approach-detail.vue'
	import zcCustomPicker from "../../components/zcCustom_picker/zcCustom-picker.vue"
	import zcButton from "../../components/button/zc-button.vue"
	export default {
		components:{
			tabBar,
			approachDetail,
			zcCustomPicker,
			zcButton
		},
	
		data() {
			return {
				save_car_disabled:false, //保存车辆信息保存按钮防止重复点击
				isArchives:true,   //是不是接待进去的
				showMore:false,     //是否显示更多
				inputDisabled:false, //是否禁止输入
				topNavIndex:0,
				cardArray:['身份证','驾驶证','军官证'], //证件选择
				cardIndex:"0",
				cardIndex1:'0', //车主证件类型索引
				cardIndex2:'0', //客户证件类型
				startDate:'',
				carSN:'',   //用于查询车辆档案
				vCarInfo:{}  ,//车辆档案信息
				carType:{
					isShowBox:false,
					boxId:0,
					cpitem1:[],
					cpitem2:[],
					cpitem3:[],
					cpitem4:[]
				},
				sexArray:["男","女"],
				sexIndex:'0',
				setSalesManList:[]  ,//切换销售员
				salesManIndex:0		
			}
		},

		created(){
			_this = this ;
			_this.startDate=_this.def_date();
		},
		onLoad(e){
			console.log('页面参数 = ',e);
			_this.carSN = e.SN;
			// if(e.VehicleInfoSN){
			// 	_this.carSN = e.VehicleInfoSN;
			// }
			_this.getP_VehicleInfo_Show();
		},
		methods: {
			/* 2018-12-6新加修改 */
			do_renL(item){
				item.isRL = !item.isRL;
			},
			/* 车辆照片函数 */
				getVehicleInfoFile(){  //查询照片
					_this.$ZcPublic.Server.Post({
						IsNeedLogin: true,
						Paras: {
							Name: 'Uni_Partner_Detail',
							Action: 'getVehicleInfoFile',
							Data: {
								SN:_this.carSN,
							}
						},
						Callback:_this.cb_getVehicleInfoFile,
						Scope: _this
					})
				},
				cb_getVehicleInfoFile(resJson,scope){
					 	console.log("车辆照片信息1",resJson)
						if(resJson.success){
							// switch(){
								// case 0;
								// break;
							// }
						}
				},
			/* 车辆信息函数 */
			getP_VehicleInfo_Show(){  //车辆档案信息doSaveP_VehicleInfo
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'Uni_Partner_Detail',
						Action: 'getP_VehicleInfo_Show',
						Data: {
							SN:_this.carSN,
						}
					},
					Callback:_this.cb_getP_VehicleInfo_Show,
					Scope: _this
				})
			},
			cb_getP_VehicleInfo_Show(resJson,scope){
				 	console.log("车辆档案信息",resJson)
					if(resJson.success){
						_this.setSalesManList = [];
						if(resJson.data.setSalesManList&&resJson.data.setSalesManList.length>0){
							resJson.data.setSalesManList.forEach((item)=>{
								_this.setSalesManList.push(item.SalesManName)
							})
						}
						_this.vCarInfo = resJson.data;
						_this.cardArray = resJson.data.CustomerCardTypeList;
						if(_this.vCarInfo.VehicleOwnerCardType){
              _this.cardIndex1 = _this.def_getCardIndex(_this.vCarInfo.VehicleOwnerCardType)
						}
						if(_this.vCarInfo.CustomerCardType){
							 _this.cardIndex2 = _this.def_getCardIndex(_this.vCarInfo.CustomerCardType)
						}
						if(_this.vCarInfo.ContactSex == "女"){
							_this.sexIndex = '1'
						}
					}
			},
			def_getCardIndex(cardType){ //用于判断证件在证件列表的位置
				let _index;
				if(_this.cardArray){
					_this.cardArray.forEach((item,index)=>{
						if(item == cardType){
							_index = index
						}
					})
				}
				return _index
			},
			doSubmitP_VehicleInfo(para){  //车辆档案信息保存
				para.data={
					obj:_this.vCarInfo
				}
			},
			cbSubmitP_VehicleInfo(resJson,scope){
				 	console.log("车辆档案信息",resJson)
					if(resJson.success){
						uni.showToast({
							title:'保存成功！',
						})
					setTimeout(()=>{
						uni.navigateBack();
						},1200)
					}
			},
			def_date(){
				let _date= new Date(),
						year =_date.getFullYear(),
						month = _date.getMonth() +1,
						day = _date.getDate();
				month = month > 9 ? month : '0' + month;;
				day = day > 9 ? day : '0' + day;
					
				return `${year}-${month}-${day}`;
			},
			doSelectNav(index){
				_this.topNavIndex = index
			},
			do_showMore(index){
				let _scrollTop ;
				if(!_this.showMore){
					// _scrollTop = _this.scrollTop
				}else{
					uni.pageScrollTo({
						scrollTop:0
					})
				}
					_this.showMore = !_this.showMore
			},
			do_submit(){
				console.log("保存");
				_this.save_car_disabled = true
				_this.doSaveP_VehicleInfo();
			},
			getPiker(e,type){
				console.log(e)
				switch(type){
					case "IdCard1":
					_this.cardIndex1 = e.detail.value;
					_this.vCarInfo.VehicleOwnerCardType = _this.cardArray[_this.cardIndex1]
					break;
					case "IdCard2":
					_this.cardIndex2 = e.detail.value;
					_this.vCarInfo.CustomerCardType = _this.cardArray[_this.cardIndex2]
					break;
					case "sex":
					_this.sexIndex = e.detail.value;
					_this.vCarInfo.ContactSex = _this.sexArray[_this.sexIndex]
					break;
					case "startDate" :
					_this.vCarInfo.VehicleRegistryDate = e.detail.value;
					break;
					break;
					case "PlanInsurDate" :
					_this.vCarInfo.PlanInsurDate = e.detail.value;
					break;
					case "salesMan" :
					_this.salesManIndex = e.detail.value;
					_this.vCarInfo.setSalesManList.forEach((item,index)=>{
						if(index == _this.salesManIndex){
							_this.vCarInfo.SalesManName = item.SalesManName;
							_this.vCarInfo.SalesManSN = item.SalesManSN;
							_this.vCarInfo.ShopOrganName = item.ShopOrganName;
							_this.vCarInfo.ShopOrganSN = item.ShopOrganSN;
						}
					})
					break;
				}
			},
			do_chooseCar(){
				_this.zcGetCarModel('','','','');
			},
			zcItemClick(res) {
				uni.showLoading({
					title: '加载中',
					mask: true
				});
				console.log('点击 = ',res);
				if (res.isShowBox === false) {
					_this.carType.isShowBox = false;
					uni.hideLoading()
				}else{
					let name1 = '';
					let name2 = '';
					let name3 = '';
					let name4 = '';
					_this.carType.boxId = res.boxId;
					_this.carType.value = [];
					_this.carType.value = res.value;
					if (res.boxId === 1) {
						name1 = _this.carType.cpitem1[res.value[0]].name;
					}else if (res.boxId === 2) {
						name1 = _this.carType.cpitem1[res.value[0]].name;
						name2 = _this.carType.cpitem2[res.value[1]].name;
					}else if (res.boxId === 3) {
						name1 = _this.carType.cpitem1[res.value[0]].name;
						name2 = _this.carType.cpitem2[res.value[1]].name;
						name3 = _this.carType.cpitem3[res.value[2]].name;
					}
					
					_this.zcGetCarModel(name1,name2,name3,name4);
				}
				
			},
			zcClickValue(res) {
				console.log('车型值 = ',res);
				_this.carType.isShowBox = false;
				_this.carType.boxId = 0;
				_this.vCarInfo.VehicleBrand = _this.carType.cpitem1[res[0]].name
				 _this.vCarInfo.VehicleType =_this.carType.cpitem2[res[1]].name
				 // _this.vCarInfo.VehicleType =_this.carType.cpitem2[res[1]].name+'-'+_this.carType.cpitem3[res[2]].name+'-'+_this.carType.cpitem4[res[3]].Year;
				// _this.items1_more[0].SN = _this.carType.cpitem4[res[3]].LyId;
			},
			zcSearchInput(e) {
				console.log('车型数据过滤(e)',e);
				let list = [];
				if (e.index === 0) {
					_this.carType.cpitem1 = _this.carType.items1;
					for (let i = 0; i < _this.carType.cpitem1.length; i++) {
						if (_this.carType.cpitem1[i].name.indexOf(e.res) != -1) {
							list.push(_this.carType.cpitem1[i]);
						}
					}
					if (e.res) {
						_this.carType.cpitem1 = list;
					}
				}else if (e.index === 1) {
					_this.carType.cpitem2 = _this.carType.items2;
					for (let i = 0; i < _this.carType.cpitem2.length; i++) {
						if (_this.carType.cpitem2[i].name.indexOf(e.res) != -1) {
							list.push(_this.carType.cpitem2[i]);
						}
					}
					if (e.res) {
						_this.carType.cpitem2 = list;
					}
				}else if (e.index === 2) {
					_this.carType.cpitem3 = _this.carType.items3;
					for (let i = 0; i < _this.carType.cpitem3.length; i++) {
						if (_this.carType.cpitem3[i].name.indexOf(e.res) != -1) {
							list.push(_this.carType.cpitem3[i]);
						}
					}
					if (e.res) {
						_this.carType.cpitem3 = list;
					}
				}else if (e.index === 3) {
					_this.carType.cpitem4 = _this.carType.items4;
					for (let i = 0; i < _this.carType.cpitem4.length; i++) {
						if (_this.carType.cpitem4[i].name.indexOf(e.res) != -1) {
							list.push(_this.carType.cpitem4[i]);
						}
					}
					if (e.res) {
						_this.carType.cpitem4 = list;
					}else {
						_this.zcGetCarModel(_this.carType.cpitem4[_this.carType.value[0]],_this.carType.cpitem4[_this.carType.value[1]],_this.carType.cpitem4[_this.carType.value[2]],'');
					}
				}
			},
						// 	获取车型
			zcGetCarModel(BName,SName,Name,YName) {	
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'Uni_Partner_Detail',
						Action: 'Ext_GetCarModel',
						Data: {
							BName:BName,
							SName:SName,
							Name:Name,
							YName:YName,
						}
					},
					Callback:function(resjson,scope) {
						if (resjson.state === 'back') {
							// console.log('获取车型 ：',resjson.data);
							if (!resjson.success) {
								uni.showModal({
									title:'温馨提示',
									showCancel:false,
									content:''+resjson.msg
								})
								return;
							}
							_this.carType.isShowBox = true;
							if (!BName && !SName && !Name && !YName) {
								_this.carType.cpitem1 = resjson.data;
								_this.carType.items1 = resjson.data;
								_this.carType.cpitem2 = [];
								_this.carType.cpitem3 = [];
								_this.carType.cpitem4 = [];
							}else if (BName && !SName && !Name && !YName) {
								_this.carType.cpitem2 = [];
								_this.carType.items2 = [];
								_this.carType.cpitem2 = resjson.data;
								_this.carType.items2 = resjson.data;
								_this.carType.cpitem3 = [];
								_this.carType.cpitem4 = [];
							}else if (SName && BName && !Name && !YName) {
								_this.carType.cpitem3 = [];
								_this.carType.items3 = [];
								_this.carType.cpitem3 = resjson.data;
								_this.carType.items3 = resjson.data;
								_this.carType.cpitem4 = [];
							}else if (Name && BName && SName && !YName) {
								_this.carType.cpitem4 = [];
								_this.carType.items4 = [];
								_this.carType.cpitem4 = resjson.data;
								_this.carType.items4 = resjson.data;
							}
								uni.hideLoading()
							
						} else{
							uni.hideLoading()
						}
					},
					Scope: this
				});
			}
		}
	}
</script>

<style>
.top-nav{
	height: 80upx;
	line-height: 80upx;
	width: 100%;
}
.topNavSelect{
	color: #6CB9FB;
}
.form-wrap{
	background-color: #fff;
	padding: 0 20upx 0 20upx;
}
.list-info,.show-more,.list-bottom{
	height: 90upx;
	line-height: 90upx;
	border-bottom: 1upx solid #e5e5e5;
	display: flex;
	align-items: center;
}

.show-more{
	border-top: 1upx solid #e5e5e5;
	border-bottom:none;
	position: relative;
	top:-1upx
}
.list-info>view:nth-of-type(1){
	flex: 0 0 200upx !important;
	flex: 1;
	display: flex;
	align-items: center;
}
.list-info .info-discrib {
	flex: 1;
}
.list-info .info-discrib input,.list-info .info-discrib .input{
	width: 100% !important;
	height: 80upx;
	text-align: right;
	flex: 1;
	line-height: 80upx;
}
.picker-text{
	height:80upx ;
	line-height: 80upx;
	text-align: right;
	
}
.info-bottom-discrib>input{
	text-align: left !important;
}
.show-more{
	width: 100%;
}
.icon-down-trangle,.icon-up2{
	margin-left: 20upx;
	flex: 0 0 0;
}
.title{
	height: 80upx;
	line-height: 80upx;
	padding-left: 40upx;
	padding-right: 20upx;
}
.list-bottom>view:first-child{
	width: 58% !important;
}
.list-bottom>view>view:nth-of-type(1){
	flex: 0 0 200upx;
}
.btn{
	position: fixed;
	bottom: 0;
	height: 150upx;
	width: 100%;
	background-color: #F4F5F6;
	z-index: 999;
}
.btn view{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom: 0;
}
.btn button{
	margin:  0 20upx;
	width: 60%;
	background-color:#50ADFD ;
	color: #fff;
	border-radius: 10upx;
}
.button-hover{
	background-color:#50ADFD !important;
}
.color-grey>input{
	color: #8C8C8C;
}
.bottom-icon-down-trangle{
	margin-left: 80upx;
}
/* 车辆照片导航样式调整 */
	.swiper-tab-list{width: 20%!important;background-color: #FFFFFF;border: none!important;padding: 20upx 0!important;}
		.uni-tab-bar .active{color: #3CA4F9!important;background-color: #FFFFFF;position: relative;text-align: center;}
		.uni-tab-bar .active:after{content: '';position: absolute;width: 25%;height: 5upx;background-color: #3CA4F9;left: 35%;bottom: 0;border-radius: 3upx;}
	.zc-swiper-tab{
		display: flex;
		border: none !important;
		width: 100%;
	}
	.swiper-tab-list {
		width: 33.3% !important;
	}
	.showMore{
		max-height: 0upx;
		overflow: hidden;
		transition: max-height .5s ease;
	}
	.showMore2{
		max-height:640upx;
	}
	#car-maker{
		flex:0 0 260upx !important
	}
	.renling{
	/* background-color: #50ADFD !important; */
		/* color: #fff; */
		border-radius: 10upx !important;
		line-height: 40upx;
		padding: 8upx 20upx;
		font-size: 28upx;
		box-sizing: border-box;
		/* margin-left: 20upx; */
	}
.check-box{
		display: inline-block;
		width: 32upx;
		height: 32upx;
		border-radius: 50%;
		border: 1upx solid #ccc;
		position: relative;
		/* margin-right: 20upx; */
		top:9upx;
		margin-left: 10upx;
		background-color: #fff;
}
.icon-gouxuan11{
	font-size: 36upx;
}
.icon-gouxuan11:before{
	position: absolute;
	top:-15upx;
	left: -2upx;
	color: #50ADFD ;
}
.icon-gouxuan11Grey:before{
		color: #ccc !important ;
}
.height0{
	max-height: 0;
	overflow: hidden;
	transition:  max-height 0.4s ease;
}
.height-auto{
	max-height: 400upx;
}
.icon-changeMan{
	color: #3AA4FA;
	margin-right: 10upx;
	position: relative;
	top:-2upx;
	font-size: 36upx;
}
</style>
